<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>帮助中心 - 启智全景学云汇</title>
    <!-- 共用样式和脚本 -->
</head>
<body>
    <!-- 共用头部和导航 -->
    
    <div class="main-content">
        <div class="card">
            <div class="card-header">
                <h2>帮助中心</h2>
                <div class="help-search">
                    <input type="text" placeholder="搜索帮助内容...">
                    <button class="btn">搜索</button>
                </div>
            </div>
            <div class="card-body">
                <div class="help-categories">
                    <div class="category-card">
                        <div class="category-icon">
                            <i class="fas fa-user"></i>
                        </div>
                        <h3>账户管理</h3>
                        <ul>
                            <li><a href="#">如何注册账号</a></li>
                            <li><a href="#">忘记密码怎么办</a></li>
                            <li><a href="#">如何修改个人信息</a></li>
                        </ul>
                    </div>
                    
                    <div class="category-card">
                        <div class="category-icon">
                            <i class="fas fa-book"></i>
                        </div>
                        <h3>课程学习</h3>
                        <ul>
                            <li><a href="#">如何购买课程</a></li>
                            <li><a href="#">课程学习进度查看</a></li>
                            <li><a href="#">课程证书获取</a></li>
                        </ul>
                    </div>
                    
                    <div class="category-card">
                        <div class="category-icon">
                            <i class="fas fa-credit-card"></i>
                        </div>
                        <h3>支付问题</h3>
                        <ul>
                            <li><a href="#">支持的支付方式</a></li>
                            <li><a href="#">退款流程</a></li>
                            <li><a href="#">发票申请</a></li>
                        </ul>
                    </div>
                </div>
                
                <div class="popular-questions">
                    <h3>常见问题</h3>
                    <div class="accordion">
                        <div class="accordion-header">
                            <h4>如何找回密码?</h4>
                            <i class="fas fa-chevron-down"></i>
                        </div>
                        <div class="accordion-content">
                            <p>如果您忘记了密码，可以在登录页面点击"忘记密码"链接，输入您的注册邮箱，系统会发送重置密码的链接到您的邮箱。</p>
                        </div>
                    </div>
                    
                    <div class="accordion">
                        <div class="accordion-header">
                            <h4>课程购买后可以退款吗?</h4>
                            <i class="fas fa-chevron-down"></i>
                        </div>
                        <div class="accordion-content">
                            <p>在课程购买后7天内，如果学习进度未超过20%，可以申请全额退款。超过7天或学习进度超过20%将无法退款。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 共用底部 -->
</body>
</html>